<%@ page language="java" pageEncoding="UTF-8"%>
  <!DOCTYPE html>
  <html xmlns="http://www.w3.org/1999/xhtml">

  <head>
      <%@include file="/jsp/include/base-tag.jsp"%>
      <link href="${contextPath}/js/css/screen/base.css" rel="stylesheet">
      <link href="${contextPath}/js/css/screen/style.css" rel="stylesheet">
      <link href="${contextPath}/js/css/screen/jsjz.css" rel="stylesheet">
      <script src="${contextPath}/js/screen/jquery-1.7.2.min.js"></script>
      <script src="${contextPath}/js/screen/echarts.min.js"></script>
      <script src="${contextPath}/js/screen/jsjz.js"></script>
      <script src="${contextPath}/js/screen/timeline.min.js"></script>
      <script src="${contextPath}/js/screen/action.js"></script> 
      <script type="text/javascript" src="${contextPath}/js/assets/plugins/layer/layer.js"></script>
      <style type="text/css">
      .layer-ext{background:transparent url('${contextPath}/js/images/screen/tc-bg.png') center no-repeat; background-size:cover; }
      .layer-ext .layui-layer-title{background:transparent;color: #01f0ff;  border: none;font-size: 32px;
    text-align: center;margin: 18px 0 18px 40px; font-weight:bold;}
	  .layui-layer-content{color: #01f0ff;  border: none;font-size: 32px;}
	  .layui-layer-btn a{width:41px;height:41px; display:inline-block;background:url('${contextPath}/js/images/screen/btn-close.png') no-repeat; border: none;position: absolute;right: 20px;top: 92px;}
	  .layui-layer-btn .layui-layer-btn0{ background-color:transparent;}
	  .table{width:calc(100% - 120px);margin:60px 0 0 60px;text-align:center;}
	  .table thead th{text-align:center;}
	  .table>tbody>tr>td,.table>thead>tr>th{border:none;}
	  .table thead,.table tbody tr:nth-child(even){ background:#093366}
	  table tbody {
			display:block;
			height:659px;
			overflow-y:scroll;
		}
		table thead, tbody tr {
			display:table;
			width:100%;
			table-layout:fixed;
		}
 	  .leidali{color:#6dfbfb;font-size:20px;cursor:pointer}
        .w32 {
          padding-top: 85px;
          box-sizing: border-box;
        }
        
		#bar1,#bar2{
    		left: 50%;
    		top: 50%;
    		transform: translate(-50%,-50%);
    		width : 85%;
		}
        #bar3 {
          box-sizing: border-box;
        }

        #leida {
          width: 70%;
          display: inline-block;
          float: left;
        }

        .leida-title {
          font-size: 40px;
          color: #52caf9;
          width: 70%;
          text-align: center;
        }

        .leida-list {
          float: left;
          margin-top: -40px;
        }

        .leida-list ul li {
          padding: 8px 0;
        }
		
      </style>
      <link href="${contextPath}/js/css/timeline.min.css" rel="stylesheet">
  </head>
  <body>
    <div class="page_father">
      <!--头部 start-->
		  <%@include file="/jsp/include/head.jsp"%>
      <!--头部 end-->
      <!--bodyer start-->
      <div class="bodyer">
        <!--仪表盘主体内容-->
        <div class="bodyer_child_info clearfix">
          <div class="h50">
            <div class="w32 fl">
              <div class="publicpic">试点市州综合得分</div>  
              <!--内容-->
              <a class="btn-select" id="selectall1"  onclick="selectall('1');" flag="1" style="margin-left:130px;"/>全选</a>
              <div id="bar1" class="h100"></div>
            </div>

            <div class="w36 fl">
              <!--雷达图内容-->
             <div style="width: 600px;height: 50px;margin-left: 200px;margin-top: 10px;">
                <div class="timeline">
                  <div class="timeline__wrap">
                    <div class="timeline__items" id="timeline__items">
                      <!-- <a class="timeline__item" >
                        <div class="timeline__content">1rem 0 0</div>
                        <div class="timeline__itemafter"></div>
                      </a> -->

                    </div>
                  </div>
                </div>
              </div>
              <p class="leida-title" id="leida-title">武汉</p>
              <div id="leida" class="" style="height:95%"></div>
              <div class="leida-list" id="leida-list" style="height:96%;">
                <!-- <ul>
                  <li style="color:#3380b0;">信息交换 6分</li>
                  <li style="color:#6dfbfb;">数据采集 6分</li>
                  <li style="color:#4ead58;">目录建设 6分</li>
                  <li style="color:#ed3c61;">网上办事 6分</li>
                  <li style="color:#eb58f9;">统一身份 6分</li>
                  <li style="color:#973ab1;">电子证照 6分</li>
                  <li style="color:#2171c1;">共享平台 6分</li>
                </ul> -->
              </div>
            </div>
            <div class="w32 fl">
              <div class="publicpic">非试点市州综合得分</div>
              <a class="btn-select" id="selectall2"  onclick="selectall('2');"  flag="1" style="margin-left:130px;"/>全选</a>
              <div id="bar2" class="h100"></div>
            </div>
          </div>
          <div class="h50">
          	<div class="clearfix">
          		<div  style="width:20%; float:left;margin-left:1%;margin-top:90px;">
          			<a class="btn-select" id="selectall5" onclick="selectall('5');" style="position: absolute;z-index:99;" flag="1"/>全选</a>
          		</div>
          		<div style="width:59%; float:left;margin-top:90px;padding-left:14%;">        			
          			<div class="publicpic" style="font-size: 32px;float:left;margin-top:-12px;margin-right:10px;">省直综合得分</div>
          			<a class="btn-select"/ id="selectall3" style="margin-left:210px;position: absolute;z-index:99;" onclick="selectall('3');"  flag="1">全选</a>
          		</div>
          		<div style="width:20%;float:left;margin-top:90px;">
          			<a class="btn-select"/ id="selectall4" onclick="selectall('4');" style="position: absolute;z-index:99;"  flag="1">全选</a>
          		</div>          	
          	</div>         
            <div style="width:20px;font-size: 30px;float:left;margin:80px 10px;">有网办无证照</div>
            <div id="bar5" class="h102" style="float:left;margin-top:-40px;height:97%"></div>
            <div style="width:20px;font-size: 30px;float:left;margin:80px -50px 0 20px;">有网办有证照</div>
            <div id="bar3" class="h100" style="float:left;height:97%;margin-top:-40px;"></div>                       
            <div style="width:20px;font-size: 30px;float:left;margin: 80px 10px;">无网办无证照</div>
            <div id="bar4" class="h101" style="float:left;margin-top:-40px;height:97%; "></div>
          </div>
        </div>
      </div>
      <!--header end-->

    </div>
    <div id="zbinfo" style="display: none;">
    <table id="zbtable"  class="table">
    
    </table>
    </div>
  </body>

  </html>